<template>
  <RjModal
    width="600px"
    :header="null"
    :footer="null"
    :visible="isVisible"
    :title="$t('components.versionNumber')"
    @cancel="onClose"
  >
    <div class="version-wrapper">
      <div class="img-wrapper">
        <img src="@/project/authSys/assets/images/login/loginLogo.png" alt="" />
      </div>
      {{ version }}
    </div>
  </RjModal>
</template>
<script>
export default {
  name: 'licenseInfoModal',
  data() {
    return {
      version: '',
      isVisible: false,
    };
  },
  components: {},
  mounted() {},
  methods: {
    onClose() {
      this.isVisible = false;
    },

    openModal(
      param = {
        version: '',
      }
    ) {
      this.version = param.version;
      this.isVisible = true;
    },
  },
};
</script>
<style lang="less" scoped>
.version-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: @gray-10;
  font-size: 18px;
  gap: 20px;
  height: 200px;
  justify-content: center;
  .img-wrapper {
    img {
      height: 32px;
    }
  }
}
</style>
